
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head>
<title>Market place</title>
</head>
<body>
	<ui:composition template="/templates/masterTemplate.xhtml">
		<ui:define name="content">
			<h:outputStylesheet library="css" name="checkOut.css"></h:outputStylesheet>
			<script src="http://maps.google.com/maps/api/js?sensor=false"
				type="text/javascript"></script>
			<div id="center">
				<h:form id="centerForm">
					<p:panel header="#{msgs.pickUpInfo}">
						<p:tabView dynamic="true" cache="true" >
							<p:tab title="#{msgs.schedule}">
								<p:dataTable var="pickupInfo"
									value="#{locationController.validPickupInfo}"
									style="font-size:0.9em" paginator="true" rows="35"
									paginatorTemplate="{PreviousPageLink}  {NextPageLink} ">
									<p:column headerText="#{msgs.city}"
										sortBy="#{pickupInfo.district}" style="width:80px">
										<h:outputText value="#{pickupInfo.district}" />
									</p:column>
									<p:column headerText="#{msgs.postCode}"
										sortBy="#{pickupInfo.postCode}" style="width:80px">
										<h:outputText value="#{pickupInfo.postCode}" />
									</p:column>
									<p:column headerText="#{msgs.address}"
										sortBy="#{pickupInfo.address}" style="width:150px">
										<h:outputText value="#{pickupInfo.address}" />
									</p:column>
									<ui:remove>
										<p:column headerText="#{msgs.DAY_OF_WEEK_1}">
											<h:outputText value="#{pickupInfo.sunday}"
												style="font-size:0.9em" />
										</p:column>
									</ui:remove>
									<p:column headerText="#{msgs.DAY_OF_WEEK_2}">
										<h:outputText value="#{pickupInfo.monday}"
											style="font-size:0.9em" />
									</p:column>
									<p:column headerText="#{msgs.DAY_OF_WEEK_3}">
										<h:outputText value="#{pickupInfo.tuesday}"
											style="font-size:0.9em"/>
									</p:column>
									<p:column headerText="#{msgs.DAY_OF_WEEK_4}">
										<h:outputText value="#{pickupInfo.wednesday}"
											style="font-size:0.9em"/>
									</p:column>
									<p:column headerText="#{msgs.DAY_OF_WEEK_5}">
										<h:outputText value="#{pickupInfo.thursday}"
											style="font-size:0.9em" />
									</p:column>
									<p:column headerText="#{msgs.DAY_OF_WEEK_6}">
										<h:outputText value="#{pickupInfo.friday}"
											style="font-size:0.9em"/>
									</p:column>

									<p:column headerText="#{msgs.DAY_OF_WEEK_7}">
										<h:outputText value="#{pickupInfo.saturday}"
											style="font-size:0.9em" />
									</p:column>
								</p:dataTable>
							</p:tab>
							<p:tab title="#{msgs.map}">
								<ui:include src="/components/public/other/pickupInfoMap.xhtml"></ui:include>
							</p:tab>
						</p:tabView>
					</p:panel>
				</h:form>
			</div>
		</ui:define>
	</ui:composition>
</body>
</html>